.container {
	background-color: #F1F2F3;
}

.list_body {
	width: 100vw;
	padding-bottom: 45px;
}

.list_item {
	background-color: white;
	margin: 5px 12px;
	padding: 10px 12px;
	border-radius: 5px;
}

.list_item_top {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	line-height: 24px;
}

.list_item_top_left {
	width: 60px;
	text-align: center;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 13px;
}

.list_item_top_center {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden; /* 确保超出容器的文本被隐藏 */
	white-space: nowrap; /* 确保文本在一行内显示 */
	text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
}

.list_item_top_right {
	float: right;
	text-align: right;
	width: 55px;
	font-size: 13px;
	color: gray;
}

.list_item_center {
	width: 100%;
	margin: 10px 0;
	color: gray;
}

.list_item_center_row {
	margin-top: 8px;
	display: flex;
	flex-direction: row;
}

.list_item_center_title {
	min-width: 60px;
	margin-right: 10px;
}

.list_item_center_content {
	word-break: break-all;
}

.list_item_bottom {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 10px 0;
}

.list_item_bottom_nav {
	color: #2979ff;
}

.bottom_view {
	width: 100%;
	position: fixed;
	bottom: 0;
}

.bottom_view .bottom_view_bottom {
	background-color: #2979ff !important;
	color: white;
}

.list_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
}

.list_header_left {
	display: flex;
	align-items: center;
}

.list_header_title {
	font-weight: bold;
	margin-right: 5px;
	color: #333;
	font-size: 16px;
}

.list_header_left text {
	color: #666;
	font-size: 14px;
}

